<header class="navbar">
    <section class="navbar-section pl-2">
        <a href="/" class="navbar-brand mr-2">
            <div class="-icon -logo"></div>
        </a>
        <a href="javascript:;" class="btn btn-link text-bold" onclick="location.href='/';">博客</a>
        <?php $pl = getPages(); ?>
        <?php foreach ($pl as $k => $v): ?>
            <a href="javascript:;" class="btn btn-link text-bold" onclick="location.href='/index.php/<?php echo $v['link'] . '.html'; ?>';"><?php echo $v['title']; ?></a>
        <?php endforeach; ?>
    </section>
    <section class="navbar-section pr-2">
        <!-- search pc-only -->
        <form method="post" action="">
            <div class="input-group input-inline hide-sm">
                <input name="s" size="32" class="form-input" type="text" placeholder="请输入搜索关键字...">
                <input type="submit" class="btn input-group-btn" value="搜索" />
            </div>
        </form>

        <!-- search mob-only -->
        <div class="-icon -search show-sm" onclick="window.$.toggleActive('#modal-search');"></div>
        <div class="modal modal-sm" id="modal-search">
            <a href="javascript:;" class="modal-overlay" aria-label="Close" onclick="window.$.toggleActive('#modal-search');"></a>
            <div class="modal-container">
                <div class="modal-header">
                    <a href="javascript:;" class="btn btn-clear float-right" aria-label="Close" onclick="window.$.toggleActive('#modal-search');"></a>
                    <div class="modal-title h5">
                        搜索内容
                    </div>
                </div>
                <div class="modal-body">
                    <div class="content">
                        <form method="post" action="">
                            <div class="input-group input-inline w-100">
                                <input name="s" size="32" class="form-input" type="text" placeholder="请输入搜索关键字...">
                                <input type="submit" class="btn input-group-btn" value="搜索" />
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </section>
</header>